@import '@/uni.scss';
::v-deep.uContainer {
	padding-bottom: 0;
	height: 100%;
	background: $uni-bg-color;
}
.container {
	width: 100%;
	height: calc(100% - 136rpx);
	padding-bottom: 136rpx;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	.chartBox,
	.actionBox {
		width: 100%;
		.title {
			padding: 20rpx 30rpx;
			> text {
				font-weight: 400;
				font-size: 28rpx;
				color: $uni-main-color;
			}
		}
	}
	.chartBox {
		width: 100%;
		.chart {
			padding: 20rpx 0;
			width: 100%;
			height: 540rpx;
			background: #fff;
		}
	}
	.actionBox {
		width: 100%;
		.action {
			padding: 20rpx 30rpx;
			width: calc(100% - 60rpx);
			min-height: 118rpx;
			background: #fff;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;
			.actionItem {
				width: 25%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				> text {
					margin-top: 10rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: $uni-main-color;
				}
			}
		}
	}
}
